  var websocket = null;
  //判断当前浏览器是否支持WebSocket
  if('WebSocket' in window){
  websocket = new WebSocket("ws://192.168.19.96:8080/haipumi_pro/customerServiceWebsocket");
  }
  else{
      alert('Not support websocket')
  }
  
  function checkoutIdentity(){//验证登陆信息
	  var cid=$("#back_headinfo_userinfo_img_black").attr("cid");
	  if(cid==""){
		  alert("登陆信息已经失效,将重新登陆");
		  location.href='BackadminLogin.jsp';
	  }else{
		  setTimeout('websocket.send("'+cid+',0-login")',5000);
	  }
  }
  $(function(){
	  checkoutIdentity();//验证登陆信息
  })
  
  //连接发生错误的回调方法
  websocket.onerror = function(){
//      setMessageInnerHTML("error");
  };
   
  //连接成功建立的回调方法
  websocket.onopen = function(event){
//      setMessageInnerHTML("open");
  }
   
  //接收到消息的回调方法
  websocket.onmessage = function(e){
	  var a=e||window.event
      setMessageInnerHTML(a.data);
  }
   
  //连接关闭的回调方法
  websocket.onclose = function(){
//      setMessageInnerHTML("close");
  }
   
  //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
  window.onbeforeunload = function(){
      websocket.close();
  }
   
  //将消息显示在网页上
  function setMessageInnerHTML(innerHTML){
	  var data=jQuery.parseJSON(innerHTML)//将json字符串转为对象
	  var fromId=data.fromId;//发送人
	  if(fromId==1){
		  return;
	  }
	  var context=data.message;//消息
	  var time=DateDemo();
	  var hadFlag=false;
	  //查询当前是否已经有该窗口,
	  var aa=$('#customerDiv').accordion('panels');
	  $.each(aa,function(name,value) {
		if( $(this).panel("options").title ==fromId){
			//有就修改对应页面
			var oldContent=$(this).parent().find('.panel-body').html();//原content内容
			var newContent=oldContent+'<h3 style="color:#0099FF;">'+fromId+'  '+time+':</h3><p>'+context+'</p><hr/>';
			$(this).panel({content: newContent});//页面上显示数据
			$(this).animate({scrollTop:"999999"},"fast");//往下拉
			hadFlag=true;//说明存在
		}
	  });
	  //没有就创建
	  if(!hadFlag){
		  $('#customerDiv').accordion('add', {
			  title: data.fromId,
			  content: '<h3 style="color:#0099FF;">ID:  '+data.fromId+'  '+time+':</h3><p>'+data.message+'</p><hr/>',
			  selected: true,
		  });
	  }
  }
   
  //关闭连接
  function closeWebSocket(){
      websocket.close();
  }
   
  //发送消息
  function sendChatInfo(obj){
	  var pp = $('#customerDiv').accordion('getSelected');//获取当前框
	  var cid=$("#back_headinfo_userinfo_img_black").attr("cid");//自己的id
	  if(pp && cid){
		  checkoutIdentity();//校验
		  var context=$(customerServiceInput).val();//输入内容
		  var time=DateDemo();//时间
		  var oldContent=pp.parent().find('.panel-body').html();//原content内容
		  var newContent=oldContent+'<h3 style="color:#00AA99;">客服  '+time+':</h3><p>'+context+'</p><hr/>';
		  var toId=pp.panel("options").title;
		  //发送人ID,接收人ID-MESSAGE
		  var message=cid+","+toId+"-"+context;
		  websocket.send(message);
		  pp.panel({content: newContent});//页面上显示数据
		  pp.animate({scrollTop:"999999"},"fast");//往下拉
		  $(customerServiceInput).val("");//清空
	  }else{
		  alert("请选择对话对象")
	  }
  }
  
  //获取当前时间
  function DateDemo(){   
	  var d, s = "";           				
	  d = new Date();      
	  s += d.getFullYear()+ "年";
	  s += (d.getMonth() + 1) + "月";            
	  s += d.getDate() + "日";                   
	  s += d.getHours() + ":";
	  s += d.getMinutes() + ":";
	  s += d.getSeconds();
	  return(s); 								
  }